.app{
    width: calc(100vw - 10px);
    height: auto;
}
.Cakes{
    
    width: calc(100vw * 0.8);
    height: auto;
    margin: 0 auto;
}
.menu{
    margin-top: 40px;
    width: 35%;
    height: auto;
    display: flex;
    justify-content: space-between;
    color: #6b5349;
}
.menu_name:hover{
    cursor: pointer;
    color: #b28878;
}
.menu_span{
    margin-left: 10px;
}
.list{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
.cake_item{
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #b28878;
    margin-bottom: 10px;
}
.cake_img{
    width: calc(200px / 100%);
    height: 100%;
}
.cake_info{
    width: 60%;
    height: 100%;
    display: flex;
}
.cake_info_left{
    width: 70%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.cake_info_head{
    width: 100%;
    height: 50%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    color: #6b5349;
}
.cake_info_head:hover{
    cursor: pointer;
    color: #b28878;
}
.cake_info_pre{
    width: 100%;
    height: 40%;
    font-size: 13px;
    color: #6b5349;
}
.cake_info_right{
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 18px;
    color: #6b5349;
}
.cake_option{
    width: 16%;
    height: 100%;
}